<template>
	<view class="center mar-15" @click="$emit('click')">
		<view class="record-btn">
			<view class="btn-text">{{content}}</view>
		</view>
	</view>
</template>

<script>
export default {
	props: {
		content: {
			type: String,
			default: "查看缴费记录"
		}
	},
	data() {
		return {

		}
	},
	methods: {}
}
</script>

<style scoped>
.record-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 38px;
	width: 90%;
	background: linear-gradient(139deg, #76E1E7 0%, #40CFE6 100%);
	border-radius: 166px 166px 166px 166px;
}
.record-btn .btn-text {
	height: 15px;
	font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
	font-weight: 400;
	font-size: 15px;
	color: #FFFFFF;
	line-height: 15px;
	text-align: center;
	font-style: normal;
	text-transform: none;
}
</style>